<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>旅游资讯</title>
	<link rel="stylesheet" th:href="@{/asserts/css/column.css}">
    <link rel="stylesheet" th:href="@{/asserts/css/basic.css}">
    <!-- BootStrapCss -->
    <link rel="stylesheet" th:href="@{asserts/css/bootstrap.min.css}">
</head>
<body>
<!--网页通用导航栏-->
<header th:insert="~{commons::header(active='informations')}"></header>

<div id="headline">
    <div class="headline">
    <hgroup>
        <h2>旅游资讯</h2>
        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>
        </hgroup>
    </div>
</div>

<div id="container">

<article class="list information">
<div class="infos">
<ul class="infos_left">
	<li><a href="">景点资讯</a></li>

</ul>

</div>

<figure class="tour" th:each="attraction:${session.attractions}">
 <img th:src="@{asserts/img_upload/}+${attraction.getAttractionPic()}" alt="" style="width: 380px;height: 230px">
   <figcation class="description">
     <h3 th:text="${attraction.getAttractionName()}"></h3>
      <p th:text="${attraction.getAttractionText().substring(0,60)+'......'}">门票特惠，超优美风景，升级1 晚国五，无自费，赠送600元成人券...</p>
      <ol>
        <li><mark>交通工具</mark>：大巴,公交直达,地铁</li>
        <li><mark>联系方式</mark>：<span th:text="${attraction.getAttractionPhone()}"></span></li>
      </ol>
      <div class="buy">
      <div class="price">人均￥<strong th:text="${attraction.getAttractionCost()}">2864</strong></div>
      <div class="reserve"><a th:href="@{/toSceneryInfo/}+${attraction.getAttractionId()}">立即查看</a></div>
      </div>
      <div class="type" th:text="${attraction.getAttractionCity()}"></div>
      <div class="disc"><span>热门</span></div>
      <div class="footer">本信息由皎骥旅游网搜集提供，截止于<time th:text="${#dates.format(attraction.getUpdateTime(),'yyyy-MM-dd')}">2021-12-31</time></div>
   </figcation>
</figure>


</figure>

</article>

    <!--侧边景点推荐栏-->
    <aside th:insert="commons::sidebar"></aside>
</div>

<!--网页通用footer-->
<div th:insert="~{commons::footer}"></div>

</body>
</html>